// 关于内容区功能
function initConcerning() {
    console.log('初始化关于内容功能...');
    
    // 添加技能标签的交互效果
    initSkillTags();
    
    // 添加联系方式的交互效果
    initContactLinks();
    
    // 添加头像的悬停效果
    initAvatarEffects();
}

// 初始化技能标签交互
function initSkillTags() {
    const skillTags = document.querySelectorAll('.skill-tag');
    skillTags.forEach(tag => {
        tag.addEventListener('mouseenter', function() {
            this.style.backgroundColor = 'var(--white-20)';
            this.style.transform = 'scale(1.05)';
        });
        
        tag.addEventListener('mouseleave', function() {
            this.style.backgroundColor = '';
            this.style.transform = '';
        });
        
        tag.addEventListener('click', function() {
            const skillName = this.textContent;
            console.log('点击了技能标签：', skillName);
            // 可以在这里添加技能详情的显示逻辑
        });
    });
}

// 初始化联系方式交互
function initContactLinks() {
    const contactLinks = document.querySelectorAll('.contact-link');
    contactLinks.forEach(link => {
        link.addEventListener('mouseenter', function() {
            // 这里可以添加额外的悬停效果
        });
        
        link.addEventListener('mouseleave', function() {
            // 恢复默认状态
        });
        
        link.addEventListener('click', function(e) {
            const contactType = this.querySelector('span').textContent;
            console.log('点击了联系方式：', contactType);
            // 可以在这里添加点击跟踪逻辑
        });
    });
}

// 初始化头像效果
function initAvatarEffects() {
    const avatar = document.querySelector('.about-avatar');
    if (avatar) {
        avatar.addEventListener('mouseenter', function() {
            this.style.transform = 'scale(1.05)';
            this.style.boxShadow = '0 0 20px rgba(255, 255, 255, 0.3)';
        });
        
        avatar.addEventListener('mouseleave', function() {
            this.style.transform = '';
            this.style.boxShadow = '';
        });
    }
}